<template>
	<view :class="model+'-wrap'" :style="model=='light'?'background:#fff;':''">
		<view :class="'p-sticky-'+model" :style="model=='light'?'background:#fff;':''">
			<!-- <view class="status_bar">
	
			</view> -->
			<view class="top1 flex align-end" :class="model=='light'?'top1Light':''">
				<view class="ml-3">
					<!-- 我的总资产 -->
					<view class="flex " @click="clickBtn(-1)">
						<view class="A-Regular text6" style="color: #AAACB8;">
							{{i18n11.n019}}
						</view>
						<text class="ml-2 text6" style="font-size: 28rpx;color: #AAACB8;">{{moneyType}}</text>
						<view class="f0 mt-1">
							<image style="width: 18rpx;height: 12rpx;margin-left: 14rpx;"
								:src="'/static/images/downArrow_property_'+model+'.png'" mode="">
							</image>
						</view>
					</view>
					<view class="flex align-center">
						<view class="D-Bold num">
							{{
								moneyType=='USDT'?USDTMoney.z == 0 ? "0.00" : USDTMoney.z :
								moneyType=='BTC'?BTCMoney.z == 0 ? "0.00" : BTCMoney.z :
								moneyType=='ETH'?ETHMoney.z == 0 ? "0.00" : ETHMoney.z :''
							}}
						</view>
					</view>
				</view>
			</view>
			<view class="top13 mx-3 flex align-center justify-between A-Medium">
				<view class="flex align-center">
					<view class="text1">
						{{i18n.l018}}
					</view>
					<template v-if="moneyType=='USDT'">
						<view :class="USDTMoney.s<0?'text5':'text4'">
							{{ USDTMoney.s < 0 ? "-" : "+" }}{{  USDTMoney.s == 0 ? '0.00' : Math.abs(USDTMoney.s) }}
						</view>
						<!-- <view class="text2" :class="USDTMoney.s<0?'text5':'text4'">
							{{
							USDTMoney.b
						}}%
						</view> -->
					</template>
					<template v-if="moneyType=='BTC'">
						<view :class="BTCMoney.s<0?'text5':'text4'">
							{{ BTCMoney.s < 0 ? "-" : "+" }}{{ BTCMoney.s == 0 ? '0.00' : Math.abs(BTCMoney.s) }}
						</view>
						<!-- <view class="text2" :class="BTCMoney.s<0?'text5':'text4'">
							{{
							BTCMoney.b
						}}%
						</view> -->
					</template>
					<template v-if="moneyType=='ETH'">
						<view :class="ETHMoney.s<0?'text5':'text4'">
							{{ BTCMoney.s < 0 ? "-" : "+" }}{{ ETHMoney.s == 0 ? '0.00' : Math.abs(ETHMoney.s) }}
						</view>
						<!-- <view class="text2" :class="ETHMoney.s<0?'text5':'text4'">
							{{
							ETHMoney.b
						}}%
						</view> -->
					</template>
				</view>
				<view @click="$tool.navTo('/pages/zichangfenxi/zichangfenxi')" class="flex align-center">
					<view class="f0">
						<image style="width: 36rpx;height: 36rpx;" :src="'/static/images/property/2_'+model+'.png'"
							mode=""></image>
					</view>
					<view class="text3">
						{{i18n.l019}}
					</view>
					<view class="f0 mr-3">
						<image style="width: 28rpx;height: 28rpx;" :src="'/static/images/property/3_'+model+'.png'"
							mode=""></image>
					</view>
				</view>
			</view>
			<view class="top2 flex align-center justify-between A-Medium" :class="model=='light'?'top2Light':''">
				<!-- clickBtn(1) -->
				<view @click="$tool.navTo('/pages/property/chongzhi?type=1')" class="flex flex-column align-center">
					<view class="f0">
						<image style="width: 80rpx;height: 80rpx;" :src="'/static/images/property/4_'+model+'.png'" mode="">
						</image>
					</view>
					<view class="text1">
						{{i18n.l020}}
					</view>
				</view>
				<!-- clickBtn(3) -->
				<view @click="$tool.navTo('/pages/property/tixian?type=1')" class="flex flex-column align-center">
					<view class="f0">
						<image style="width: 80rpx;height: 80rpx;" :src="'/static/images/property/5_'+model+'.png'" mode="">
						</image>
					</view>
					<view class="text1">
						{{i18n.l021}}
					</view>
				</view>
				<!-- clickBtn(2) -->
				<view @click="$tool.navTo('/pages/property/huazhuan?type=1')" class="flex flex-column align-center">
					<view class="f0">
						<image style="width: 80rpx;height: 80rpx;" :src="'/static/images/property/6_'+model+'.png'" mode="">
						</image>
					</view>
					<view class="text1">
						{{i18n12.i007}}
					</view>
				</view>
				<view @click="$tool.navTo('/pages/property/zhangdan')" class="flex flex-column align-center">
					<view class="f0">
						<image style="width: 80rpx;height: 80rpx;" :src="'/static/images/property/7_'+model+'.png'" mode="">
						</image>
					</view>
					<view class="text1">
						{{i18n.l023}}
					</view>
				</view>
			</view>
		</view>
		<view class="" style="height: 50rpx;">
			
		</view>
		<!-- 资产分布 -->
		<view class="ml-3 title1 A-Medium mb-3" :class="model=='light'?'title1Light':''">
			{{i18n11.n020}}
		</view>
		<view class="title2 mx-3 flex align-center A-Regular">
			<!-- 名称/币种 -->
			<view class="flex-shrink-0" style="width: 112rpx;">
				{{i18n11.n021}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR">
				{{i18n11.n022}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR">
				{{i18n11.n023}}
			</view>
			<!-- <view class="flex-shrink-0 flex-1 text-alignR">
				{{i18n11.n024}}
			</view> -->
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/USDT.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					USDT
				</view>
			</view>
			<view class="flex-shrink-0 text2 flex-1 text-alignL">
				{{ USDTMoney.a ? USDTMoney.a : "0.00"}}
			</view>
			<view class="flex-shrink-0 text2 flex-1 text-alignR">
				{{ USDTMoney.o ? USDTMoney.o : "0.00"}}
			</view>
			<!-- <view class="flex-shrink-0 text2 flex-1 text-alignR">
				{{USDTMoney.t}}
			</view> -->
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/BTC.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					BTC
				</view>
			</view>
			<view class="flex-shrink-0 text2 flex-1 text-alignL">
				{{ BTCMoney.a ? Number(BTCMoney.a.toFixed(6)) : "0.00"}}
			</view>
			<view class="flex-shrink-0 text2 flex-1 text-alignR">
				{{ BTCMoney.o ? Number(BTCMoney.o.toFixed(6)) : "0.00"}}
			</view>
			<!-- <view class="flex-shrink-0 text2 flex-1 text-alignR">
				{{BTCMoney.t}}
			</view>-->
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/ETH.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					ETH
				</view>
			</view>
			<view class="flex-shrink-0 text2 flex-1 text-alignL">
				{{ ETHMoney.a ? Number(ETHMoney.a.toFixed(6)) : "0.00"}}
			</view>
			<view class="flex-shrink-0 text2 flex-1 text-alignR">
				{{ ETHMoney.o ? Number(ETHMoney.o.toFixed(6)) : "0.00"}}
			</view>
			<!-- <view class="flex-shrink-0 text2 flex-1 text-alignR">
				{{ETHMoney.t}}
			</view> -->
		</view>
		<!-- 交易收益 -->
		<view class="ml-3 mt-7 title1 A-Medium mb-3" :class="model=='light'?'title1Light':''">
			{{i18n11.n025}}
		</view>
		<view class="title2 mx-3 flex align-center A-Regular">
			<!-- 名称/币种 -->
			<view class="" style="width: 112rpx;">
				{{i18n11.n021}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR">
				{{i18n11.n026}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR">
				{{i18n11.n027}}
			</view>
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/USDT.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					USDT
				</view>
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL" :class="buyAmount1 == 0 ? 'text2' : buyAmount1 > 0 ? 'text3':'text4'">
				 {{getFormattedAmount("USDT", buyAmount1)}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR" :class="buyAmount2 == 0 ? 'text2' : buyAmount2 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("USDT", buyAmount2)}}
			</view>
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/BTC.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					BTC
				</view>
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL" :class="buyAmount3 == 0 ? 'text2' : buyAmount3 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("BTC", buyAmount3)}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR" :class="buyAmount4 == 0 ? 'text2' : buyAmount4 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("BTC", buyAmount4)}}
			</view>
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/ETH.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					ETH
				</view>
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL" :class="buyAmount5 == 0 ? 'text2' : buyAmount5 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("ETH", buyAmount5)}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR" :class="buyAmount6 == 0 ? 'text2' : buyAmount6 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("ETH", buyAmount6)}}
			</view>
		</view>
		<!-- 推广奖励 -->
		<view class="ml-3 mt-7 title1 A-Medium mb-3" :class="model=='light'?'title1Light':''">
			{{i18n.l027}}
		</view>
		<view class="title2 mx-3 flex align-center A-Regular">
			<!-- 名称/币种 -->
			<view class="" style="width: 310rpx;">
				{{i18n11.n021}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL">
				{{i18n11.n029}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR">
				{{i18n11.n030}}
			</view>
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/USDT.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					USDT
				</view>
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL" :class="inviteCount1 == 0 ? 'text2' : inviteCount1 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("USDT", inviteCount1)}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR" :class="inviteCount2 == 0 ? 'text2' : inviteCount2 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("USDT", inviteCount2)}}
			</view>
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/BTC.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					BTC
				</view>
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL" :class="inviteCount3 == 0 ? 'text2' : inviteCount3 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("BTC", inviteCount3)}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR" :class="inviteCount4 == 0 ? 'text2' : inviteCount4 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("BTC", inviteCount4)}}
			</view>
		</view>
		<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
			<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
				<view class="f0 mr-1">
					<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/ETH.png" mode=""></image>
				</view>
				<view class="text1 A-Medium">
					ETH
				</view>
			</view>
			<view class="flex-shrink-0 flex-1 text-alignL" :class="inviteCount5 == 0 ? 'text2' : inviteCount5 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("ETH", inviteCount5)}}
			</view>
			<view class="flex-shrink-0 flex-1 text-alignR" :class="inviteCount6 == 0 ? 'text2' : inviteCount6 > 0 ? 'text3':'text4'">
				{{getFormattedAmount("ETH", inviteCount6)}}
			</view>
		</view>
		<!-- 经济人佣金 -->
		<template v-if="level">
			<view class="ml-3 mt-7 title1 A-Medium mb-3" :class="model=='light'?'title1Light':''">
				{{level}}{{i18n11.n031}}
			</view>
			<view class="title2 mx-3 flex align-center A-Regular">
				<!-- 名称/币种 -->
				<view class="" style="width: 310rpx;">
					{{i18n11.n021}}
				</view>
				<view class="flex-shrink-0 flex-1 text-alignL">
					{{i18n11.n032}}
				</view>
				<view class="flex-shrink-0 flex-1 text-alignR">
					{{i18n11.n033}}
				</view>
			</view>
			<view class="dataList flex mt-4 mx-3 A-Regular" :class="model=='light'?'dataListLight':''">
				<view class="flex flex-shrink-0 align-center" style="width: 310rpx;">
					<view class="f0 mr-1">
						<image style="width: 30rpx;height: 30rpx;" src="/static/images/invitationRewards/USDT.png" mode=""></image>
					</view>
					<view class="text1 A-Medium">
						USDT
					</view>
				</view>
				<view class="flex-shrink-0 flex-1 text-alignL" :class="yj01 == 0 ? 'text2' : yj01 > 0 ? 'text3':'text4'">
					{{getFormattedAmount("USDT", yj01)}}
				</view>
				<view class="flex-shrink-0 flex-1 text-alignR" :class="yj02 == 0 ? 'text2' : yj02 > 0 ? 'text3':'text4'">
					{{getFormattedAmount("USDT", yj02)}}
				</view>
			</view>
		</template>
		
		<view class="" style="height: 30rpx;">
			
		</view>
		<czPoup ref="czPoups" :type="btnType" @confirm="czConfirm"></czPoup>
	</view>
</template>

<script>
	import {
		totalAmount2,
		totalInviteReward,
		getBuySellData,
		commissionList
	} from '@/core/api/user.js';
	import czPoup from '@/components/czPoup.vue';
	export default {
		components:{
			czPoup
		},
		data(){
			return {
				moneyType:'USDT',
				btnType:1,//1充值 2转账 3提现
				yj01:0,
				yj02:0,
				inviteCount1:0,
				inviteCount2:0,
				inviteCount3:0,
				inviteCount4:0,
				inviteCount5:0,
				inviteCount6:0,
				buyAmount1:0,
				buyAmount2:0,
				buyAmount3:0,
				buyAmount4:0,
				buyAmount5:0,
				buyAmount6:0,
				level:'',
			}
		},
		onLoad() {
			
		},
		onReady() {
			this.$tool.setStatusBarStyle(this.model);
		},
		onTabItemTap(e){
			this.$tool.setStatusBarStyle(this.model);
		},
		onShow() {
			this.$tool.setStatusBarStyle(this.model);
			totalAmount2({
				mobileUserId: uni.getStorageSync('mobileUserId'),
			}).then(res => {
				this.yj01 = res.result.indayAmount?res.result.indayAmount:0;
				this.yj02 = res.result.totalAmount?res.result.totalAmount:0;
			})
			totalInviteReward({
				mobileUserId:uni.getStorageSync('mobileUserId'),
			}).then(res=>{
				this.inviteCount1 = res.result.intradayInviteReward?res.result.intradayInviteReward:0;
				this.inviteCount2 = res.result.totalInviteReward?res.result.totalInviteReward:0;
				this.inviteCount3 = res.result.todayBTCInviteReward?res.result.todayBTCInviteReward:0;
				this.inviteCount4 = res.result.totalBTCInviteReward?res.result.totalBTCInviteReward:0;
				this.inviteCount5 = res.result.todayETHInviteReward?res.result.todayETHInviteReward:0;
				this.inviteCount6 = res.result.totalETHInviteReward?res.result.totalETHInviteReward:0;
			})
			this.getBuySellDatas();
			this.getCommissionList();
			// 用户余额
			this.$store.dispatch('config/getAassetList');
			
			const pages = getCurrentPages();
			const page = pages[pages.length - 1];
			const currentWebview = page.$getAppWebview();
			if(this.model == "dark"){
				currentWebview.setStyle({
					background: "#0E0F11"
				});
			}else{
				currentWebview.setStyle({
					background: "#ffffff"
				});
			}
			this.$refs.czPoups.closePopup()
		},
		onPullDownRefresh() {
			setTimeout(e=>{
				uni.stopPullDownRefresh();
			},2000)
			totalAmount2({
				mobileUserId: uni.getStorageSync('mobileUserId'),
			}).then(res => {
				this.yj01 = res.result.indayAmount?res.result.indayAmount:0;
				this.yj02 = res.result.totalAmount?res.result.totalAmount:0;
			})
			totalInviteReward({
				mobileUserId:uni.getStorageSync('mobileUserId'),
			}).then(res=>{
				this.inviteCount1 = res.result.intradayInviteReward?res.result.intradayInviteReward:0;
				this.inviteCount2 = res.result.totalInviteReward?res.result.totalInviteReward:0;
				this.inviteCount3 = res.result.todayBTCInviteReward?res.result.todayBTCInviteReward:0;
				this.inviteCount4 = res.result.totalBTCInviteReward?res.result.totalBTCInviteReward:0;
				this.inviteCount5 = res.result.todayETHInviteReward?res.result.todayETHInviteReward:0;
				this.inviteCount6 = res.result.totalETHInviteReward?res.result.totalETHInviteReward:0;
			})
			this.getBuySellDatas();
			this.getCommissionList();
			// 用户余额
			this.$store.dispatch('config/getAassetList');
		},
		computed: {
			i18n() {
				return this.$t('last');
			},
			i18n4() {
				return this.$t('last3');
			},
			i18n11() {
				return this.$t('newObj3');
			},
			i18n12() {
				return this.$t('index');
			},
			model() {
				return this.$store.state.config.model;
				// return 'dark'
			},
			USDTMoney(){
				return this.$store.state.config.USDTMoney
			},
			BTCMoney(){
				return this.$store.state.config.BTCMoney
			},
			ETHMoney(){
				return this.$store.state.config.ETHMoney
			},
		},
		methods:{
			getCommissionList(){
				commissionList({
					pageNo: 1,
					pageSize: 1,
					startDate:'',
					endDate: '',
					commissionTradeType: '',
					mobileUserId: uni.getStorageSync('mobileUserId')
				}).then(res=>{
					this.level = res.result.level;
				})
			},
			getBuySellDatas(){
				getBuySellData({
					mobileUserId: uni.getStorageSync('mobileUserId'),
				}).then(res=>{
					let obj = res.result;
					this.buyAmount1 = obj.usdtDayAmount?obj.usdtDayAmount:0;
					this.buyAmount2 = obj.usdtSumAmount?obj.usdtSumAmount:0;
					this.buyAmount3 = obj.btcDayAmount?obj.btcDayAmount:0;
					this.buyAmount4 = obj.btctSumAmount?obj.btctSumAmount:0;
					this.buyAmount5 = obj.ethtDayAmount?obj.ethtDayAmount:0;
					this.buyAmount6 = obj.ethSumAmount?obj.ethSumAmount:0;
				})
			},
			clickBtn(e){
				this.btnType = e;
				this.$refs.czPoups.open();
			},
			// 充值弹窗
			czConfirm(item){
				if(this.btnType==1){
					// 充值
					uni.setStorageSync('czType',item.value);
					this.$tool.navTo('/pages/property/chongzhi?type='+item.id);
				} else if(this.btnType==2){
					// 转账
					uni.setStorageSync('hzType',item.value);
					this.$tool.navTo('/pages/property/huazhuan?type='+item.id)
				} else if(this.btnType==3){
					// 提现
					uni.setStorageSync('txType',item.value);
					this.$tool.navTo('/pages/property/tixian?type='+item.id)
				} else if(this.btnType==-1){
					// 切换
					this.moneyType = item.value;
				}
			},
			getFormattedAmount(type, amount) {
				if(!amount){
					return "+0.00"
				}else{
					if(type == "USDT"){
						return `${amount >= 0 ? '+' : '-'}${Number(Math.abs(amount).toFixed(4))}`
					} else {
						return `${amount >= 0 ? '+' : '-'}${Number(Math.abs(amount).toFixed(6))}`
					}
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.top13 {
		font-size: 24rpx;
		.text1 {
			color: #AAACB8;
		}
		.text3 {
			color: #82DA4C;
		}
		.text4 {
			color: #D22540;
		}
		.text5 {
			color: #53D290;
		}
	}
	.top1 {
		width: 750rpx;
		height: 254rpx;
		background: url(/static/images/property/topBg_dark.png);
		background-repeat: no-repeat;
		background-size: 750rpx 254rpx;
		.text6 {
			font-size: 28rpx;
			color: #fff;
		}
		.num {
			font-weight: bold;
			font-size: 56rpx;
			color: #fff;
		}
	}
	.top1Light {
		width: 750rpx;
		height: 254rpx;
		background: url(/static/images/property/topBg_light.png);
		background-repeat: no-repeat;
		background-size: 750rpx 254rpx;
		.text6 {
			font-size: 28rpx;
			color: #0E0F11;
		}
		.num {
			color: #0E0F11;
		}
	}
	.dataList {
		font-size: 26rpx;
		.text1 {
			color: #fff;
		}
		.text2 {
			color: #7F838D;
		}
		.text3 {
			color: #D22540;
		}
		.text4 {
			color: #53D290;
		}
	}
	.dataListLight {
		.text1 {
			color: #0E0F11;
		}
		.text2 {
			color: #47474A;
		}
	}
	.mt-7 {
		margin-top: 70rpx;
	}
	.flex-shrink-0 {
		flex-shrink: 0;
	}
	.title1 {
		font-size: 30rpx;
		color: #ffffff;
	}
	.title1Light {
		color: #0E0F11;
	}
	.title2 {
		font-size: 24rpx;
		color: #47474A;
	}
	.title2Light {
		color: #7F838D;
	}
	.top2 {
		margin: 70rpx 64rpx;
		margin-bottom: 0rpx;
		padding-bottom: 20rpx;
		.text1 {
			font-size: 26rpx;
			color: #F7F7F7;
			margin-top: 12rpx;
		}
	}
	.top2Light {
		.text1 {
			font-size: 26rpx;
			color: #0E0F11;
		}
	}
</style>